/* eslint-disable max-lines */
import TauSimpleSelect from '@/components/TauSimpleSelect';
import * as BASE from '@/stores/definitions-base';
import { Input, Switch, DatePicker } from '@alifd/next';
import { t } from '@lingui/macro';
import React, { } from 'react';

const {
  DATETIME_TEXT,
  DATE_TEXT,
  TIME_TEXT,
  EMPTY_TEXT,
  ENUMS: ENUMSBase,
  FieldsGrid: FieldGridBase,
  TitleGrid,
  column: columnBase,
  toSelectDataSource,
} = BASE;
export { DATETIME_TEXT, DATE_TEXT, EMPTY_TEXT, TIME_TEXT, TitleGrid, toSelectDataSource };

/**
 * @param {*} path        属性path
 * @param {*} props       column属性
 * @returns column定义
 */
export function column(...args) {
  return columnBase(partnerModal, ...args);
}

/**
 * 显示一组表单字段
 * ```js
 * {
 *   fields: string[],    // 字段名称，可以使用.来指定嵌套对象属性，例如order.busOrder.shift
 *   columns: number,     // 列数，默认为4,最大为12,最小为1
 *   model: object,       // 字段定义数据模型的根对象，默认不指定，仅在使用子对象作为根模型时设置
 *   overrideModel: object, // 重载字段定义数据模型
 *   mode: string,        // 表单模式，默认为edit，可选view
 *   itemLayout: object,  // FormItem布局配置，默认为{}
 * }
 * ```
 *
 * @param {object} param0
 * @returns
 */
export function FieldsGrid(props) {
  return <FieldGridBase model={partnerModal} {...props} />;
}

//----------------------------------------------------------------------
export const ENUMS = {
  ...ENUMSBase,
  // 1-启用、0-停用
  status: {
    1: t`启用`,
    0: t`停用`,
  },
  statusText: {
    0: t`启用`,
    1: t`停用`,
  },
  // 0：激励型，1：利益型（默认）
  partnerType: {
    0: t`激励型`,
    1: t`利益型`,
  },
  bindAccountType: { // 分账接收方类型
    MERCHANT_ID: t`公司商户号`,
    PERSONAL_OPENID: t`个人微信帐户`,
  },
  //  0-比例 1-指定金额
  type: {
    0: t`比例`,
    1: t`指定金额`,
  },
  bindingPeriod: {
    0: '0个月',
    2: '2个月',
    6: '6个月',
    12: '一年',
    '-1': '永久',
  },
  // ：1 - 男； 2 - 女
  render: {
    1: '男',
    2: '女',
  },
  // ：D+0、D+1、D+2、D+7、D+30(加几值为几，例：D+0 值为0)
  period: {
    0: t`D+0`,
    1: t`D+1`,
    2: t`D+2`,
    7: t`D+7`,
    30: t`D+30`,
  },
  //  true：暂停 false：可分账
  suspensionOfDistribution: {
    true: t`暂停`,
    false: t`可分账`,
  },
  TITLE_TEXT: {
    view: t`查看客户经理`,
    edit: t`编辑客户经理`,
    add: t`添加客户经理`,
  },
};

/**
 * 模型定义：
 * 1. 普通文本仅需要定义label
 * 2. 需要通过枚举转换的值，定义text; 当使用renderer返回组件时，text属性无效，需要通过组件的renderPreview来指定预览时的绘制方式
 * 3. 通用的ui属性需要定制时，定义ui; 特定模式(view, edit, add)下的ui，添加后缀定义为ui_<mode>，例如：ui_view, ui_edit, ui_add, ui_table
 * 4. ui可配置属性包括:
 *    renderer: 内容渲染函数, Form表单中的原型为：(value: any, formData: any, fieldDefinition: any) => ReactNode; Table Column中的原型为: (value: any, columnIndex: number, rowData: any) => ReactNode;
 *    itemProps: 表单Form.Item的属性，可以是对象，或函数({ isPreview: boolean, mode: string, value: any, formData: any, ...otherDefinitions}) => void;
 *    span: Grid Cell占用的列数, 默认为1
 *
 * 【注】获取接口的model定义后，vscode中通过正则替换：^(\s+)"label": "([^']+)"  ===> $1label: t`$2`
 */

export const partnerModal = {
  username: {
    label: t`名称`,
  },
  fullname: {
    label: t`名称`,
    ui: {
      itemProps: { required: true },
    },
  },
  mobile: {
    label: t`手机号`,
    ui: {
      renderer: (v) => <Input value={v} readOnly />,
      itemProps: { required: true },
    },
  },
  appId: {
    label: t`appId`,
  },
  lastLogin: {
    label: t`最后登陆时间`,
    text: DATETIME_TEXT,
  },
  crDate: {
    label: t`创建时间`,
    text: DATETIME_TEXT,
  },
  accountManagerInfo: {
    label: t`客户经理信息`,
    registerTime: {
      label: t`注册时间`,
      text: DATETIME_TEXT,
    },
    independentAccount: {
      label: t`分账设置信息`,
      period: {
        label: t`分账周期`,
        ui: {
          renderer: (v) => <TauSimpleSelect data={toSelectDataSource(ENUMS.period)} value={v} />,
          itemProps: { required: true },
        },
      },
      suspensionOfDistribution: {
        label: t`暂停分账`,
        ui: {
          renderer: (v) => (<Switch
            checked={v}
            autoWidth
            checkedChildren="是"
            unCheckedChildren="否"
          />),
        },
      },
      settlementOfDriverCharges: {
        label: t`是否委托平台自动结算司机费用`,
      },
      collectionAccountInformation: {
        label: t`收款账户信息`,
        appId: {
          label: t`公众号appId`,
        },
        accountIdentification: {
          label: t`账户标识`,
        },
        name: {
          label: t`账户名字`,
        },
        type: {
          label: t`分账接收方类型`,
        },
      },
    },
    discountInfo: {
      label: t`折扣信息`,
      disable: {
        label: t`启用状态`,
        ui: {
          renderer: (v) => {
            return (<Switch
              checked={v}
              size="small"
              autoWidth
              checkedChildren="禁用"
              unCheckedChildren="启用"
            />);
          },
        },
      },
      failureTime: {
        label: t`失效时间`,
        text: DATETIME_TEXT,
        ui: {
          renderer: (v) => <DatePicker type="datetime" showTime value={v} />,
        },
      },
      bus: {
        label: t`巴士折扣信息`,
        type: {
          label: t`巴士折扣类型`,
          ui: {
            renderer: (v) => <TauSimpleSelect data={toSelectDataSource(ENUMS.type)} value={v} />,
          },
        },
        discountValue: {
          label: t`折扣值<br/> RMB<br/> HKD<br/> MOP`,
          '{key}': {
            label: t`巴士折扣值[key]`,
          },
        },
      },
      cc: {
        label: t`包车折扣信息`,
        type: {
          label: t`包车折扣类型`,
          ui: {
            renderer: (v) => <TauSimpleSelect data={toSelectDataSource(ENUMS.type)} value={v} />,
          },
        },
        discountValue: {
          label: t`折扣值<br/> RMB<br/> HKD<br/> MOP`,
          '{key}': {
            label: t`包车折扣值[key]`,
          },
        },
      },
      sc: {
        label: t`专线折扣信息`,
        type: {
          label: t`专线折扣类型`,
          ui: {
            renderer: (v) => <TauSimpleSelect data={toSelectDataSource(ENUMS.type)} value={v} />,
          },
        },
        discountValue: {
          label: t`折扣值<br/> RMB<br/> HKD<br/> MOP`,
          '{key}': {
            label: t`专线折扣值[key]`,
          },
        },
      },
      rs: {
        label: t`拼车折扣信息`,
        type: {
          label: t`拼车折扣类型`,
          ui: {
            renderer: (v) => <TauSimpleSelect data={toSelectDataSource(ENUMS.type)} value={v} />,
          },
        },
        discountValue: {
          label: t`折扣值<br/> RMB<br/> HKD<br/> MOP`,
          '{key}': {
            label: t`拼车折扣值[key]`,
          },
        },
      },
    },
  },
  accountId: {
    label: t`accountId`,
  },
  // 前端新增
  iphone: {
    label: t`手机号`,
  },
  password: {
    label: t`手机号`,
  },
  associatedCustomers: {
    label: t`关联客户`,
  },
  currentAssociatedCustomers: {
    label: t`当前有效关联客户`,
  },
  historyAssociatedCustomers: {
    label: t`历史关联客户`,
  },
  receiverName: {
    label: t`客户名称`,
  },
  receiver: {
    label: t`客户标识`,
  },
  targetUserName: {
    label: t`客户名称`,
  },
  targetUserUsername: {
    label: t`客户标识`,
  },
  // 前端新增
  ccOrderCount: {
    label: t`包车订单数`,
  },
  busOrderCount: {
    label: t`巴士订单数`,
  },
  scOrderCount: {
    label: t`专线订单数`,
  },
  rsOrderCount: {
    label: t`拼车订单数`,
  },
  orderCommissionTotal: {
    label: t`订单分佣总金额`,
    text: (v) => <>{v && (v / 100).toFixed(2)}</>,
  },
};
